import axios from 'axios'
import { Message } from 'element-ui' //单独引用；导入Message提示组件，这个为局部方法（在js里不能不适用全局$message写不了）

const service = axios.create({
  baseURL: process.env.VUE_APP_BASE_API, // url = base url + request url
  timeout: 5000 // request timeout
})

// 请求拦截器
service.interceptors.request.use(
  config => {
    // do something before request is sent
    return config
  },
  error => {
    // do something with request error
    console.log(error) // for debug
    return Promise.reject(error)
  }
)

// 响应拦截器
service.interceptors.response.use(
  // 成功
  response => {
    //相应的结果
    // console.log(response.data)
    const { data, message, success } = response.data
    if (success === false) {
      // 密码/用户名错误，接口调用失败
      Message.error(message) // 返回给用户看密码错误提示（轻提示）
      return Promise.reject(new Error(message)) //返回给程序员看
    } else {
      return data
    }
  },
  error => {
    console.log('err' + error) // for debug
    return Promise.reject(error)
  }
)

export default service
